/*stylesheet "ueber uns.css"*/
       @media all{
/*============================================================*/
        header * {   /*ist optimal!*/
	flex: 1 1 0%;
  align-self: center;
}

  main#inhaltsbereich {
      padding:1%;
}
 article{
 background: #ebf5d7;
	    color: #808000;
	  	border-color: #8db243;
	 border-radius: 28px;
	       border: 0.5em dashed #808000;  	
	border-top: 0.5em dashed #999;
	padding: 1em;
	margin: 1em;

   }
      section {
      gap: 1em;
   margin: 1,3em;
    padding: 1em;
 margin: 1em;
     }
     
   aside{
   padding: 1em;
  }
  .logo{
  padding-left: 2em;
  padding-right: 2em;
  }

#container {
	display: grid;
 grid-template-columns: repeat(auto-fill, 20em);	
gap: 10px;
	padding: 10px;
}

   #flex-container{
  display: flex;
  flex-flow: row wrap;

  }	
  .flex-item {
  flex: 1 auto 0%;

  }



.rechts {
	float: right;
	margin-left: 0.5em;
}
.b3 {   /*Ottis Kinder*/
	
	justify-self: center;
	align-items:center;
	margin: 1em;
	padding:2em;
}

 .a{/*Dirk*/
padding-right: 1%;
}
  .mehrspaltig {
     -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;

}
 .spaltig {
     -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count:         4;

}
 /*=====================================================================================*/
    }/* stehen lassen Ende Media*/